<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑伞青的博客 | 首页</title>

    <link rel="stylesheet" href="css/all.css"> <!-- 正确路径 -->
    <script src="js/all.js"></script> <!-- 正确路径 -->
    <link rel="stylesheet" href="css/index.css"> <!-- 正确路径 -->
    <script src="js/index.js"></script> <!-- 正确路径 -->

</head>
<body>
    <header class="main-header">
        <nav>
            <ul class="nav-list">
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="about.html">关于我</a></li>
                <li><a href="blog.html">技术博客</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
        </nav>
    </header>

    <main class="container">
        <section class="hero">
            <div class="avatar-frame">
                
                    <img src="images/avatar.jpg" alt="头像" width="180px" class="minimal-avatar">
                
            </div>
            <h1>欢迎来到我的编程世界</h1>
            <p>探索技术 | 分享知识 | 记录成长</p>
        </section>

        <section class="recent-posts">
            <h2>最新动态</h2>
            <article class="post-card">
                <h3>我的第一个C项目实践</h3>
                <p>公交车信息查询系统...</p>
                <a href="blog.html#c-project001" class="read-more">阅读更多</a>
            </article>
        </section>
        
    </main>

   
</body>
</html>